<!---->
<div class="container _container">
  <!--操作、名称、头像-->
  <div class="row">
    <div class="col-sm-5 col-sm-offset-3 col-xs-8">
      <ul class="_uc-index-icon" id="op" [hidden]="delet">
        <li>
          <a href="javascript:;" data-toggle="modal" data-target="#collectModal"><img src="assets/img/icon/edit.png" width="20px" height="20px" /></a>
        </li>
        <li>
          <a href="javascript:;" (click)="delelt1()" ><img src="assets/img/icon/choose.png" width="20px" height="20px" /></a>
        </li>
        <li>
          <a (click)="more()" id="showMore" class="更多"><img src="assets/img/icon_uc_emp/icon_pc_4.png" width="20px" height="20px" /></a>
          <div [ngClass]="{show: moreLink}" class="_uc-index-more">
            <div class="arrow"></div>
            <a href="javascript:;" (click)="lgModal.show()">发送反馈</a>
          </div>
        </li>
      </ul>
      <div id="choiceList" [hidden]="!delet" >
        <div class="_uc-index-move">
          <p id="errorMsg"></p>
          <div>
            <span id="upLoad" class="active">批量上传</span><span (click)="delelt2()" >返回</span>
          </div>
        </div>
      </div>
      <p class="_uc-index-name">{{inf}}</p>
    </div>
    <div class="col-sm-2 col-xs-4">
      <div class="row _uc-index-count">
        <div class="col-xs-12 active">
          <h5>材料</h5>
          <p>{{falist.matenum}}</p>
        </div>
      </div>
    </div>
  </div>

  <!--列表-->
  <div class="_list">
    <div class="_list-item">
      <div class="_masonry-box _list-add" style="height: 266px;">
        <a  routerLink="/linkResedit"><img src="assets/img/icon_uc_emp/add.png" width="37px" height="37px" /></a>
        <p>创建材料</p>
      </div>
    </div>
    <div class="_list-item" id="list" *ngFor="let res of falist.data">
      <div class="_masonry-box" title="1" onclick="check(this)">
        <img class="_box-img" src="assets/img/resource/1.jpg">
        <div class="_box-intro">
          <p class="_box-name text-left">{{res.name}}</p>
          <div class="_box-place">
            <div class="_box-place-l">{{res.city}}</div>
            <div class="_box-place-r"><span class="glyphicon glyphicon-heart"></span>{{res.num}}</div>
          </div>
          <p class="_box-class">&lt;{{res.catename}}&gt;</p>
        </div>
        <div class="_box-check"><img src="{{res.url}}" width="25px" height="25px" /></div>
      </div>
    </div>
  </div>
</div>

<!-- 编辑邮件Modal -->
<div class="modal fade _modal-form" bsModal #lgModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">编辑邮件</h4>
        <p class="modal-tip">From余杭融设计图书馆真诚感谢您对我们工作的支持与宝贵建议，我们将在您的协助下继续努力，不断进步。</p>
      </div>
      <div class="modal-body">
        <form class="form-horizontal _form" role="form" id="emailForm">
          <div class="form-group">
            <p class="form-error"></p>
            <textarea class="form-control" placeholder="邮件内容" id="Email" name="Email" rows="5"></textarea>
          </div>
          <div class="form-group form-btn">
            <button type="submit" class="btn btn-submit" (click)="lgModal.hide()">发送</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
